import React, { Component } from 'react';

import "./OrderProgress.scss"
class CheckInstalledOrder extends Component {
	constructor() {
		super()
		this.state = {
		}
	}
	componentDidMount() {
		document.getElementsByTagName('title')[0].innerHTML = '查看安装订单'
	}
	render() {
		let height = window.screen.height
		return (
			<div className="other-page OrderProgress" style={{ minHeight: height + 'px' }}>
				<div className="card card2">
					<div className="flex space-between row y-center">
						<span>安装编号：2018052212</span>
						<span className="small-color-but">派单</span>
					</div>
					<div className="border-b mt8"></div>

					<div className="row row2">
						<span className="left">姓名：</span>
						<span>占奇栋 先生</span>
					</div>
					<div className="row row2">
						<span className="left">联系方式：</span>
						<span>17710368721</span>
					</div>
					<div className="row row2">
						<span className="left">详细地址：</span>
						<span>北京市朝阳区立水桥</span>
					</div>
					<div className="row row2">
						<span className="left">服务类型：</span>
						<span className="blue">安装</span>
					</div>
					<div className="row row2">
						<span className="left">预约时间：</span>
						<span>2018-05-20</span>
					</div>
					<div className="row row2">
						<span className="left">订单编号：</span>
						<span>126454185</span>
					</div>
					<div className="row row2">
						<span className="left">备注信息：</span>
						<span>请上午过来，下午可能不在家</span>
					</div>
					<div className="border-b"></div>
					<div className="flex space-between row mt8 y-center">
						<span className="small-white-but">标记无效</span>
						<span className="red">3天到期</span>
					</div>
				</div>
			</div>
		);
	}
}

export default CheckInstalledOrder;